html,
body,
p {
  margin: 0;
  padding: 0;
}

html,
body {
  width: 100%;
  height: 100%;
}

body {
  overflow: hidden;
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}

.clearfix {
  zoom: 1;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.flex-central {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sys-img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: scale-down;
}

.sys-video {
  width: 100%;
  height: 100%;
  display: block;
}

@keyframes bottom-slideUp {
  from {
    top: 100%;
  }
}
@keyframes bottom-slideDown {
  to {
    top: 100%;
  }
}

@if $isMini {
  page {
    background: #ffffff;
  }
  page *{
    font-family: MyriadPro;
  }
}

@else {
  html {
    background: #ffffff;
  }
}
